<link  type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" rel="stylesheet"/>
<script type="text/javascript" src="https://www.layuicdn.com/layui/layui.js"></script>
<script type="text/javascript">
    layui.config({
      dir: 'https://www.layuicdn.com/layui/' 
      ,version: false 
      ,debug: false 
      ,base: '' 
    });
</script>



<!-- 框架的组件文档 "https://www.layui.com/doc/element/button.html" -->
<button type="button" class="layui-btn layui-btn-primary">按钮一</button>
<button type="button" class="layui-btn">按钮二</button>
<button type="button" class="layui-btn layui-btn-normal">按钮三</button>
<button type="button" class="layui-btn layui-btn-warm">按钮四</button>
<button type="button" class="layui-btn layui-btn-danger">按钮五</button>
<button type="button" class="layui-btn layui-btn-disabled">按钮五</button>
<br>
<button type="button" class="layui-btn">
 <i class="layui-icon">&#xe654;</i>
</button>
<button type="button" class="layui-btn">
 <i class="layui-icon">&#xe642;</i>
</button>
<button type="button" class="layui-btn">
 <i class="layui-icon">&#xe640;</i>
</button>
<button type="button" class="layui-btn">
 <i class="layui-icon">&#xe602;</i>
</button>

<script type="text/javascript">
	//按钮点击事件监听
	$('.layui-btn').click(function(){
		console.log($(this).index());
	});
</script>